<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:body>
	<ui:composition template="/template/base.xhtml">
		<ui:define name="content">
			<h:form>
				<p:breadCrumb>
					<p:menuitem value="Inicio" />
					<p:menuitem value="Clases" />
				</p:breadCrumb>
			</h:form>
			<p:panel header="Clases">
				<h:form id="clases-form">
					<p:panelGrid columns="2" columnClasses="column">

						<p:outputLabel value="Alumno" for="alumno" />
						 <p:outputLabel value="Simple:" for="acSimple" />
        <p:autoComplete id="acSimple" value="#{clasesBean.alumno}" completeMethod="#{clasesBean.completeText}" />
 
						<p:selectOneMenu id="alumno" value="#{clasesBean.alumno}">
							<f:selectItems value="#{clasesBean.listaAlumnos}"/>
							
						</p:selectOneMenu>
						<p:outputLabel value="Materias" for="materia" />
						<p:selectOneMenu id="materia" value="#{clasesBean.materia}">
							<f:selectItems value="#{clasesBean.listaMateria}"/>
						</p:selectOneMenu>

						<p:outputLabel value="Profesores" for="profesor" />
						<p:selectOneMenu id="profesor"
							value="#{clasesBean.profesor}">
							<f:selectItems value="#{clasesBean.listaProfesores}"/>
						</p:selectOneMenu>

						<p:outputLabel value="Hora desde" for="horaDesde" />
						<p:panelGrid columns="3" columnClasses="column">
							<p:inputText type="number" id="horaDesde" maxlength="2"
								placeholder="Hora" styleClass="inputHora" value="#{clasesBean.horaDesde}"></p:inputText>
                            :
                            <h:selectOneMenu id="minDesde" styleClass="inputHora" value="#{clasesBean.minDesde}">							   
							   <f:selectItem itemValue="0" itemLabel="0" />	   							
							   <f:selectItem itemValue="30" itemLabel="30 min" />
							</h:selectOneMenu>	                          
						</p:panelGrid>
						<p:outputLabel value="Hora Hasta" for="horaHasta" />
						<p:panelGrid columns="3" columnClasses="column">
							<p:inputText type="number" id="horaHasta" maxlength="2"
								placeholder="Hora" styleClass="inputHora" value="#{clasesBean.horaHasta}"></p:inputText>
                            :<h:selectOneMenu id="minHasta" styleClass="inputHora" value="#{clasesBean.minHasta}">							   
							   <f:selectItem itemValue="0" itemLabel="0" />
							   <f:selectItem itemValue="30" itemLabel="30 min" />	   							
							</h:selectOneMenu>	
						</p:panelGrid>
						
					  <p:outputLabel value="Estados" for="estado" />
                            <p:selectOneMenu id="estado" value="#{clasesBean.clase.estados}"
                                             converter="estadoConverter">
                                <c:forEach var="estado" items="#{clasesBean.listaEstados}">
                                    <f:selectItem itemValue="#{estado}"
                                                  itemLabel="#{estado.descripcion}" />
                                </c:forEach>
                            </p:selectOneMenu>
						
						<p:commandButton value="Guardar" action="#{clasesBean.save}" />
					</p:panelGrid>
				</h:form>
			</p:panel>
	
		</ui:define>
		<ui:define name="footer">

		</ui:define>
	</ui:composition>
</h:body>
</html>